{% extends 'globalPage.html' %}
<title>{% block title %}云学习平台{% endblock %}</title>
{% block body %}
<nav class="navbar navbar-default">
    <div class="container">
        <div class="navbar-header">
            <a class="navbar-brand"  style="padding: 0;" href="{% url 'home' %}"><img style="height: 50px;" src="/static/image/logo.png" alt="Band"></a>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li class="active"><a href="{% url 'home' %}">首页</a></li>
                <li><a href="{% url 'courses' 'firstGrade' 'allCourses' 1 %}">全部课程</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="{% url 'login' %}">登陆/注册</a></li>
            </ul>
        </div>
    </div>
</nav>
<div class="container">
  <div class="panel-body" style="width: 538px; height: 654px; margin: 50px auto; background: white; border-radius: 2%">
        <div style="width: 200px; height: 200px; margin: 20px auto 0;">
            <img style="height: 200px;" src="/static/image/logo.png" alt="Band">
        </div>
      <div style="width: 190px; height: 40px; margin: 0 auto 60px; color: #73B11A;">
          <h1 style="margin: 0">云学习.登陆</h1>
      </div>
        <form action="" method="POST">
            {% csrf_token %}
            <div class="input-group input-group-lg" style="position: relative;display: flex;align-items: center;justify-content: center; margin: 25px 100px">
                <input type="text" style="border-radius: 5px;" class="form-control" placeholder="Username" name="username" aria-describedby="sizing-addon1">
            </div>
            <div class="input-group input-group-lg" style="position: relative;display: flex;align-items: center;justify-content: center; border-radius: 2%; margin: 25px 100px">
                <input type="password" style="border-radius: 5px;" class="form-control" placeholder="Password" name="password" aria-describedby="sizing-addon1">
            </div>
            <div class="input-group input-group-lg" style="position: relative;display: flex;align-items: center;justify-content: center; border-radius: 2px; margin: 25px 100px">
                <input type="submit" style="border-radius: 5px;" class="form-control btn btn-info" aria-describedby="sizing-addon1" value="登陆">
            </div>
        </form>
      <div style="width: 140px; height: 100px; margin: 20px auto;">
          <span>还没有账号，</span><a href="{% url 'register' %}">前往注册</a>
      </div>
  </div>
</div>
{% endblock %}
{% block jsOfPage %}
    {% if status %}
        <script>
             alert("登陆失败,请输入正确的账号或密码！")
    </script>
    {% endif %}

{% endblock %}